﻿<div class="itemDetails" data-bind="with: appModel.selectedItem">
  <!-- , visible: function () { return appModel.selectedItem() ? true : false; } -->

  <div class="row-fluid">
    <h2 data-bind="text: Name">
      <!-- ko foreach: Tags -->
      <button class="btn btn-success btn-mini" data-bind="text: Name"></button>
      <!-- /ko -->
    </h2>
  </div>

  <div class="row-fluid">

    <div class="span8">
      <img class="details-image" src="../../Content/_data/loc4.jpg" />

      <p class="detail-address">
        <span data-bind="text: Street"></span><span data-bind="  text: HouseNumber"></span>
        <br />
        <span data-bind="text: Zip"></span><span data-bind="  text: City"></span>
      </p>
      <p>&nbsp;</p>
      <p class="detail-open" data-bind="visible: IsOpens.length > 0">
        <span class="header">Öffnungszeiten</span><br />
        <!-- ko foreach: IsOpens -->
        <span data-bind="text: WeekDay"></span><span data-bind="  text: TimeFrom"></span>- <span data-bind="  text: TimeTo"></span>
        <br />
        <!-- /ko -->
      </p>
    </div>

    <div class="shoppingList span4">
      <h3>Einkaufsliste</h3>
      <p>+ neuer Eintrag</p>
    </div>

  </div>


</div>
